<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微梦网首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="HandheldFriendly" content="true">
		<link rel="stylesheet" href="style/index.css">
		<script src="js/index.js"></script>
	</head>
	<body>
		<div id="header">
			<div id="img"><img src="images/pic-1.png" alt="图片加载失败!"></div>
		</div>
		<div id="nav">
			<ul>
				<li><a href="#">微梦首页</a></li>
				<li><a href="#">主编教材</a></li>
				<li><a href="#">学习辅导</a></li>
				<li><a href="#">综合实例</a></li>
				<li><a href="#">资源下载</a></li>
				<li><a href="#">用户中心</a></li>
			</ul>
		</div>

		<div id="main">
			<div id="main1">

				<div id="lunbo">
					<ul class="lunbo">
						<li><img src="images/pic-3.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-4.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-3.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-4.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-3.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-4.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-3.jpg" alt="图片加载失败!"></li>
						<li><img src="images/pic-4.jpg" alt="图片加载失败!"></li>
					</ul>
					<ol class="list">
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
						<li>7</li>
						<li>8</li>
					</ol>
					<div id="tab">
						<ul>
							<li>用户登录</li>
							<li>微梦工作室</li>
						</ul>
						<p>
							用户名:<input type="text"><br>
							<br>
							密&nbsp;&nbsp;码:<input type="password"><br>
							<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<button class="login">登录</button>
						</p>
						<p style="display:none;">
							网 址: http://www.wmstudio.net.cn <br>
							<br>Email: wwp_msa@163.com <br>
							<br>期待您的加入 注 册 <br>
						</p>
					</div>
				</div>

				<div id="body1">
					<div class="left">
						<img src="images/pic-5.png" alt="图片加载失败!">
						<div class="left1">
							<h2>主编教材</h2>
							<p>教材是学习的基础，也是高校课程建设的重要内容。近年来，为配合课堂教学，我们出版了多套专业教材，
								包括基础教程与开发实例， 请大家访问清华大学出版社网站查看详细信息。谢谢您的关注！
								<a href="#">【清华大学出版社】</a></p>
							<a href="#"> >>了解详情 </a>
						</div>

					</div>

					<div class="right">
						<img src="images/pic-6.png" alt="图片加载失败!">
						<div class="right1">
							<h2>资源下载</h2>
							<p>优质的学习资源能够提高学习效率、缩短学习周期、节约学习成本。为了帮助大家的学习与实践，
								我们收集了一些学习资源， 包括电子教案、源码、工具软件、使用手册、技术文档，以及教学与项目开发实例等。</p>
							<a href="#"> >>了解详情 </a>
						</div>
					</div>

				</div>

				<div id="body2">
					<div class="leftBody2">
						<h2>近期关注</h2>
						<ul>
							<li>
								<a href="#">新教材《PHP Web开发基础》即将...</a>
								<span>微梦 2018-03-02 浏览 524</span>
							</li>
							<li>
								<a href="#">微梦网改版说明</a>
								<span> 微梦 2018-03-02 浏览 364</span>
							</li>
						</ul>
					</div>
					<div class="rightBody2">
						<div>
							<h2>信息发布</h2>
							<p></p>
						</div>
						<img src="images/pic-7.png" alt="图片加载失败!">
					</div>
				</div>

				<div id="body3">
					<div class="leftBody3">
						<ul>
							<li>计算机基础</li>
							<li>数据库原理</li>
							<li>数据结构</li>
							<li>C/C++/C#</li>
							<li>VC++/VC++.NET</li>
							<li>HTML/CSS/JavaSript</li>
							<li>jave Web应用</li>
							<li> PHP Web应用</li>
						</ul>
						<div>
							<h2>学习辅导</h2>
							<p>这里是日常课堂教学资料，包括电子教案、授课视频、实验安排，以及课程设计与毕业设计指导等。 除此之外，
								还有一些技术专题、新技术应用等相关讨论与交流资源。 </p>
							<button>课程预览</button><a href="#"> >>了解详情 </a>
						</div>
					</div>

					<div class="rightBody3">
						<ul>
							<li>C/C++语言程序设计</li>
							<li>VC++/VC++.NET</li>
							<li>Qt面向对象程序设计</li>
							<li>HTML/CSS/JavaSript</li>
							<li>Java web开发</li>
							<li>PHP Web开发</li>
							<li>手机APP开发</li>
							<li>微信公众平台应用开发</li>
						</ul>
						<div>
							<h2>综合实例</h2>
							<p>实践教学是高等学校专业教育的重点内容，也是培养学生综合应用能力的重要手段。这里是日常教学中的一些 优质案例，
								有些针对的是某个知识点，有些则接近于实际的开发项目。 </p>
							<button>实例预览</button><a href="#"> >>了解详情 </a>
						</div>
					</div>
				</div>

				<div id="body4">
					<div class="leftBody4">
						<ul>
							<li>
								<a href="#">计算机软件基础</a>
								<span>发布时间：2018-03-04 浏览 254</span>
							</li>
							<li>
								<a href="#">面向对象程序设计教程（C++语言...</a>
								<span>发布时间：2018-03-01 浏览 285</span>
							</li>
						</ul>
					</div>
					<div class="rightBody4">
						<ul>
							<li>
								<a href="#">五子棋游戏</a>
								<span> 发布时间：2018-03-02 浏览 341 </span>
							</li>
							<li>
								<a href="#">软件产品的ICO图标制作与应用</a>
								<span>发布时间：2018-03-04 浏览 310</span>
							</li>
						</ul>
					</div>
				</div>

				<div id="body5">
					<div class="leftBody5">
						<img src="images/pic-8.png" alt="图片加载失败!">
					</div>
					<div class="rightBody5">
						<img src="images/pic-9.png" alt="图片加载失败!">
					</div>
				</div>

				<div id="body6">
					<span>友情链接</span>
					<ul>
						<li><a href="#">百度</a></li>
						<li><a href="#">知乎</a></li>
						<li><a href="#">W3C中国</a></li>
						<li><a href="#">Oracle</a></li>
						<li><a href="#">Zend</a></li>
						<li><a href="#">Microsoft</a></li>
						<li><a href="#">建筑环境与能源应用工程(暖通 空调)</a></li>
					</ul>
				</div>

			</div>
		</div>

		<div id="footer">
			<div id="footer1">
				<ol>
					<li><a href="#">帮助中心</a></li>
					<li><a href="#">关于我们</a></li>
					<li></li>
				</ol>
			</div>
		</div>
	</body>
</html>
